/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #04C1C2;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;
$--button-padding-horizontal: 16px;
$--button-padding-vertical: 8px;
$--button-medium-padding-horizontal: 16px;
$--button-medium-padding-vertical: 8px;
$--button-primary-background-color: #04C1C2;
// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border:1px solid #EBEEF5;
$--table-row-hover-background-color:#F5F7FA;
$--table-header-background-color:#F5F7FA;
$--table-header-font-color: #333333;
$--table-header-font-weight: 600;
$--table-font-color:#666666;

// $--dialog-padding-primary: 40px 40px 48px;

$--input-placeholder-color:rgba(0,0,0,0.25);
$--input-font-color:rgba(0,0,0,0.65);
$--input-medium-height:40px;
$--input-small-height:32px;

$--form-label-font-size: 14px;

$--message-info-font-color: #409EFF;

$--link-primary-font-color: #409EFF;
$--link-danger-font-color: #F56C6C;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
